var tool1=document.querySelector(".tooltip");
var tool2=document.querySelector(".tooltip2");
var tool3=document.querySelector(".tooltip3");
var tool4=document.querySelector(".tooltip4");
function directionTool(parent,directionTips){
    var content=parent.querySelector(".sec");
    var oTips=document.querySelector(directionTips);
   content.addEventListener('mouseover',function(ev){
       console.log(ev.target.innerHTML)
       oTips.style.display="block";
   });
   content.addEventListener('mouseout',function(){
       oTips.style.display="none";
   });
}
directionTool(tool1,".bottomTips");
directionTool(tool2,".topTips");
directionTool(tool3,".leftTips");
directionTool(tool4,".rightTips");

